<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>DoitCSS V2.3 布局架构 - 实例</title>
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="DoitCSS V1.0">
	<meta name="description" content="DoitCSS是根据bootstap改编的CSS框架">
	<!--基础-->
	<link href="../css/base.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--文字排版-->
	<link href="../css/typography.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--表格-->
	<link href="../css/tables.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--表单按钮-->
	<link href="../css/form-buttons.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--架构-->
	<link href="../css/layouts.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--元件-->
	<link href="../css/elements.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--图标-->
	<link href="../css/icons.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--菜单-->
	<link href="../css/navigation.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--分页-->
	<link href="../css/pagination.css?ver=v2.3" rel="stylesheet" type="text/css">
	<!--清除浮动-->
	<link href="../css/clear.css?ver=v2.3" rel="stylesheet" type="text/css">
</head>
<style type="text/css">
body {
	background:#0C94E8;
}
.login-wrapper {
	margin:70px auto;
	padding:50px;
	background:#FFF;
	width:400px;
	border: 0 solid #e5e5e5;
	border-radius: 0;
}
.login-wrapper h2 {
	text-align:center;
	margin:0 0 15px;
}
.login-wrapper .controls {
	margin-top:28px;
}
.login-wrapper .controls input[type="text"],
.login-wrapper .controls input[type="password"] {
	margin:0;
    font-size: 16px;
    line-height: 32px;
    padding: 2px 5px;
	border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-radius: 0;
}
.login-wrapper .controls input[type="text"]:focus,
.login-wrapper .controls input[type="password"]:focus {
  border-color:#5b9dd9;
  box-shadow:0 0 2px rgba(30,140,190,0.8);
}
.btn-login {
	font-size: 16px;
	line-height:40px;
	margin-top:5px;
	padding:0;
	width:100%;
	background-color: #5bb75b;
	background-repeat: repeat-x;
	border-color: #5bb75b;
	color: #fff;
	border-radius: 0;
}
</style>
<body>
	<!-- content -->
	<div class="container">
		<div class="login-wrapper">
			<div  id="login-alert-msg" class="alert-success hide">执行成功！</div>
			<h2>用户登陆</h2>
			<!-- form -->
			<form name="login-form" method="post" action="#" id="login-form">
			<div class="controls"><input class="input" name="user-name" type="text" placeholder="用户名"></div>
			<div class="controls"><input class="input" name="user-password" type="password" placeholder="密码"></div>
			<div class="controls"><input class="input span width100" name="user-name" type="text" placeholder="验证码"><img src="../images/pincode.jpg" class="span ml15 mr15 hands"><a href="javascript:void(0);" style="line-height:38px;">刷新</a>
<hr class="clear"></div>
			<div class="controls"><input class="btn btn-login" name="login-submit" value="登 陆" type="submit"></div>
			<div class="controls text-center"><a href="#">忘记密码</a></div>
			</form>
			<!-- /form -->
		</div>
	</div>
	<!-- /content -->
</body>
</html>